<template>
    <div>
        <div class="titleText">{{ restaurantName[language]  }}</div>
        <div v-for="item in restaurantKind" :key="item" class="subTitleText">
            {{$t(`tags.${item}`)}}
        </div>
    </div>
</template>

<script>

import { mapState } from 'vuex';

import { get } from '@/common/utils';

export default {
  computed: {
    ...mapState({
      language: (state) => state.language.language,
    }),
    restaurantName() {
      const restaurantName = get('restaurantNmae');
      return restaurantName;
    },
    restaurantKind() {
      const restaurantKind = get('restaurantKind');
      return restaurantKind;
    },
  },
};
</script>
<style lang="scss" scoped>

@import '@/style/global.scss';

</style>
